<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品</title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_711350_nxnjcwgmpee.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script type="text/javascript" src="js/swiper-4.3.3.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/product.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部灰栏-->
			<div class="title" style="overflow: hidden;">
				<div class="title_test">
					<span class="title_test_one">全国服务热线：400-000-0000</span>
					<span class="title_test_three"><a href="#">加入收藏</a></span>
					<span class="title_test_two"><a href="#">设为首页</a></span>
				</div>
			</div>
			<!--头部导航栏-->
			<div class="nav">
				<div class="nav_img">
					<img src="img/未标题-1.png"/>
				</div>
				<div class="nav_TK">
					<p class="nav_TK_T">TK科技有限公司</p>
					<p class="nav_TK_cer">cer dcd keo Holdings Co., Ltd.</p>
				</div>
				<div class="nav_home">
					<div class="nav_home_one">
						<a href="index.html">
							<ul>
								<li>首页</li>
								<li class="nav_home_one_e">Home</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="detailed.html">
							<ul>
								<li>关于我们</li>
								<li class="nav_home_one_e">About</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="product.html">
							<ul>
								<li>产品中心</li>
								<li class="nav_home_one_e">Products</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>服务支持</li>
								<li class="nav_home_one_e">Service</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>新闻中心</li>
								<li class="nav_home_one_e">News</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>在线商店</li>
								<li class="nav_home_one_e">Shop</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>联系我们</li>
								<li class="nav_home_one_e">Contact&nbsp;Us</li>
							</ul>
						</a>
					</div>
				</div>
			</div>
			<!--头部图片-->
			<div class="top_img">
				<img src="img/未标题-15.png"/>
			</div>
			<div class="shouye">
				<p><a href="#">首页</a>><a href="#">新品发布</a></p>
			</div>
			<div class="baiwan" style=" width: 970px; margin: 0 auto; overflow: hidden;">
				<div style="width: 292px; height: 129px; background-color: #2072f9; float: left;">
					<p style="color: white;font-size: 24px; text-align: center; margin-top: 36px;">百万高清系列</p>
					<img src="img/jjjjjjjt.png"/>
				</div>
				<div class="shinei" style=" width: 207px;height: 129px; float: left; margin-left: 5px;">
					<p style="font-size: 24px; text-align: center; margin-top: 36px;">标清系列</p>
				</div>
				<div class="shinei" style=" width: 233px;height: 129px; float: left; margin-left: 5px;">
					<p style="font-size: 24px; text-align: center; margin-top: 36px;">户外防水系列</p>
				</div>
				
				
				<div class="shinei">
					<p style="font-size: 24px; text-align: center; margin-top: 36px;">室内系列</p>
				</div>
				
				
				
				
				<!--<div class="sousuo"><img src="img/sousuo.png"/></div>-->
				<input type="submit" name="" id="" value="" class="sousuo" />
				<div class="search">
					<input type="text" name="" id="" value="" placeholder="搜索产品" style="outline: none;" />
				</div>
				<div class="product">
					<table border="1" cellspacing="0" cellpadding="0">
						<tr>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
							<td>
								<div style="width: 320px; height: 265px; background-color: white; overflow: hidden;">
									<div class="product_img">
										<a href="#" style="overflow: hidden;">
											<img src="img/未标题-16.png" style="width: 100%;"/>
										</a>
									</div>
									<p style="color: #3c7ef9; text-align: center; font-size: 14px;"><a href="#">S6202Y-WR</a></p>
									<p style="font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 16px; margin-right: 16px; margin-top: 20px;">
										<a href="#" style="color: black;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机手机手机手机</a>
									</p>
								</div>
							</td>
						</tr>
					</table>
				</div>
				<div class="next" style=" margin-left: 245px; float: left; margin-top: 50px; margin-bottom: 200px;">
					<ul>
						<li>
							<a href="#">
								<p>
									上一页
								</p>
							</a>
						</li>
						<li>
							<a href="#" style="color: white; background-color: #2072f9;">
								<p>
									1
								</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>
									2
								</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>
									3
								</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>
									4
								</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>
									5
								</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>
									6
								</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>
									下一页
								</p>
							</a>
						</li>
					</ul>
				</div>
				
			</div>
			<div class="foot">
					<div style="margin: 0 auto; width: 200px; height: 30px; padding-top: 20px;">
						<span style="color: white;">关注我们：</span>
						<a href="#" style="color: #48b9fa;">
							<i class="iconfont icon-tubiao214 iconcolor"></i>
						</a>
						<a href="#" style="margin-left: 15px;margin-right: 15px;color: #48b9fa;">
							<i class="iconfont icon-qie iconcolor"></i>							
						</a>
						<a href="#" style="color: #48b9fa;">
							<i class="iconfont icon-weixin iconcolor"></i>							
						</a>
					</div>
					<p style="color: white; text-align: center;">网站首页&nbsp;·&nbsp;网站首页&nbsp;·&nbsp;网站首页&nbsp;·&nbsp;网站首页</p>
				</div>
				<div style="background-color: black;">
					<p style="color: white; text-align: center;">&copy;2015&nbsp;TK科技有限公司&nbsp;版权所有沪ICP证13022560号-7&nbsp; ALL&nbsp;Rights&nbsp;Reserved</p>
				</div>
		</div>
	</body>
</html>
